---
layout: snippet
title: "Alert close big"
permalink: /examples/elements/alert-close-big/
sitemap: false
---

<div role="alert" class="alert alert-info">
    <h4 class="text-success">
        Big one!
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
    </h4>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Duis mollis, est non commodo luctus, nisi erat
        porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
    </p>
    <p>
        <button type="button" class="btn btn-info">
            Wanna do this
        </button>
        <button type="button" class="btn btn-light">
            Or do this
        </button>
    </p>
</div>
<p>
    Cras fermentum odio eu feugiat pretium nibh ipsum consequat nisl.
</p>